<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>cs引入</title>
    <style>
        li{
            color: coral;
        }
        b{
            color: red;
        }
    </style>
</head>
<body>
    <header>
        <h3>cs引入学习</h3>
    </header>
    <article>

        <section>

            <ul>
                <li>内联样式 
                    <p style="color: cadetblue;font-size: 12px;">直接在标签内添加</p>
                    <p>不推荐使用 不利于维护  修改难度大 项目越大越难</p>
                </li>
                <li>内部样式
                    <p>在head中增加style标签中</p>
                    <p>在单个页面中引用 使得样式统一便于维护，但是不利于项目维护</p>
                </li>
                <li>
                    外部样式
                    <p><b>推荐方式</b></p>
                    <a href="Cssjianjie.html">已有style,引入外部样式无效</a>
                    <p><a href="Html5newtab.html">引入外部样式</a></p>
                    
                </li>
            </ul>
        </section>
    </article>
</body>
</html>